*{ border:0px; margin:0px; padding:0px; list-style:none;}
body{ width:100%; background:#fff; font-family:'Microsoft Yahei','SimSun',sans-serif; font-size:14px;}
a{ text-decoration:none; color:#000;}
.bottom p a {color: #fff;}
.content2-process span.more a:hover,.content2-process .process1 p.details a:hover{ color:#5e5e5e;}
.content1-pro,.content2-process,.content3-news,.footer_main{width:1170px; margin:53px auto; overflow:auto; text-align: center;}
.content2-process .process1 img,.content3-news .left .left1 img{ width:90%;}
/*nav*/
.caidan1{ width:1170px; margin:20px auto 0px; color:#000; height:50px;}
.cd-nav{ width:1170px; margin:0 auto; color:#000;}
nav.animenu{width:100%;}
ul.animenu__nav{ width:100%;}
ul.animenu__nav li{ padding:0px 3%; margin:10px 0px 20px; float:left; text-align:center; border-right:1px solid #ddd;}
ul.animenu__nav li:last-child{ border-right:none;}
ul.animenu__nav li:first-child{ padding-left:0px;}
.logo{ width:50%; float:left;}
.logo img{ max-width:100%;}
.caidan1 .tel{ width:25%; float:left; color:#bd1d21;}
.caidan1 .tel p{ font-size:14px; line-height:36px; vertical-align:middle;}
.caidan1 .tel span.tel1{ font-size:16px; line-height:20px;}
.caidan1 .tel2{ display:none; width:auto; float:right; color:#bd1d21;}
.caidan1 .tel2 p{ font-size:10px;}
.caidan1 .tel2 p.tel3{ font-size:16px; line-height:20px;}
.caidan1 .email{ width:25%; float:left; line-height:36px; vertical-align:middle;}
.caidan1 .email span.em{float:right; color:#333;}
/*---banner---*/
.banner,.link{ width:100%;}
.banner img{ width:100%;}
.hotsale{ width:1170px; margin:0 auto;}
.hotsale .left{ width:78%; float:left;}
.hotsale .left p{ line-height:30px; margin:10px 0px;}
.hotsale .left p span{margin:0px 0.5%;}
.hotsale .left p span.hs{ color:#0f3f81; font-weight:900;margin:0px 0px;}
.hotsale .left p a,.content1-pro .right ul li a{ color:#3a3a3a; font-weight:400;}
.hotsale .left p a:hover{ color:#0f3f81;}
.hotsale .search{ width:22%; float:left;}
.nav_form{width:100%;float:right; line-height:30px; margin:8px 0px 10px;}
.form-group{width:194px;float:right;border:1px solid #ccc; height:34px;}
.form-control{width:153px; float:left; margin-left:5px; margin-top:10px; background:none;}
input:focus { outline:none;}
.btn-default{background: url(../images/search.jpg) no-repeat; border:none; width:34px; height:33px;}
/*---content1---*/
.content1,.content3{ width:100%; background:#eaedf2; overflow:auto;}
.content1-pro .right{ width:70%; float:right; text-align:center;}
.content1-pro .right ul.index-pro li{ width:31.333%; margin:15px 1%; float:left; background:#fff; overflow:auto;}
.content1-pro .right ul.index-pro li:hover{ background:#0f3f81;}
.content1-pro .right ul li img{ width:100%;}
ul.index-pro li h4{ font-size:15px; padding-top:3px; padding-bottom:10px;}
ul.index-pro a{ width:100%; height:auto; display:block;}
ul.index-pro a:hover{ color:#fff!important;}
.content1-pro .left{ width:26%; margin-right:4%; float:right; background:#0f3f81; overflow:auto; margin-top:15px;}
.left1 h2{ font-size:16px; color:#fff; text-align:center; padding:10px 5%; border-bottom:1px solid #2e5990;}
.content1-pro .left .left1 ul{padding:10px 5%; border-bottom:1px solid #2f5890; overflow:auto;}
.content1-pro .left .left1 ul li{ width:100%; margin-left:1%; margin-right:1%; float:left; line-height:25px;text-align: left;}
.content1-pro .left .left1 ul li a{color:#fff;}
.content1-pro .left .left1 ul li a:hover{color:#ccc;}
/*---content2---*/
.content2{ width:100%; overflow:auto;}
span.scx{ font-size:30px; color:#0f3f81; display:inline-block; width:100%; text-align:center; font-weight:400; line-height:40px;}
.content2-process p{ color:#5e5e5e; text-align:center; line-height:30px;margin-left: 3%; margin-right: 3%;}
.content2-process p.more{ margin-top:15px; margin-bottom:15px;}
.content2-process span.more{ padding:5px 25px; background:#eaedf2;}
.content2-process span.more a{ color:#0f3f81;}
.content2-process .process1{ width:33%; float:left; color:#2d2d2d; overflow:auto;margin-right: 0.2%;}
img.gc{height:230px;margin-left: 5%;}
span.process-chi{margin-left: 3%; display:inline-block; font-size:18px; line-height:30px; margin-top:10px; margin-bottom:10px; font-weight:700;}
a.alink:link{ color:#2d2d2d;}
a.alink:visited{ color:#2d2d2d;}
.content2-process .process1 p,.content2-process .process1 ul li{ text-align:left; color:#2d2d2d; line-height:25px;}
p.details{margin-top:25px;}
p.details a{ text-decoration:underline; color:#0f3f81; font-size:12px;}
.content2-process .center{ margin:0px 5%;}
/*---content3---*/
.content3-news .left{ width:70%; float:left; overflow:auto;}
.content3-news .left span.index-xw{ display:inline-block; width:100%; font-size:20px; color:#0f3f81; margin-bottom:20px; font-weight:700;}
.index-xw a{ color:#0f3f81 !important; }
.content3-news .right span.index-bm{ display:inline-block; font-size:20px; color:#0f3f81; margin-bottom:20px; font-weight:700;}
.index-bm a{ color:#0f3f81 !important;}
.content3-news .left .left1{ width:40%; margin-right:2%; float:left;}
.content3-news .left .left2{ width:58%; float:left;}
.content3-news .left .left2 span.xw-tit{display:inline-block; font-weight:700; font-size:18px; line-height:30px; margin-bottom:10px;}
span.xw-tit a{ color:#303030;}
span.xw-tit a:hover{ color:#0f3f81;}
.content3-news .left .left2 p{ color:#575757; line-height:20px; margin-right:20px;}
.content3-news .left .left2 ul,.content3-news .right ul{ margin-top:15px;}
.content3-news .left .left2 ul li,.content3-news .right ul li{ line-height:25px; overflow:auto;}
.content3-news .left .left2 ul li a,.content3-news .right ul li a{ color:#575757;}
.content3-news .left .left2 ul li a:hover,.content3-news .right ul li a:hover{ color:#0f3f81;}
.content3-news .left .left2 ul li span,.content3-news .right ul li span{ float:right; font-size:12px; color:#575757; margin-left:6%;}
.content3-news .right{ width:27%; margin-left:3%; float:left;}
/*---footer---*/
.link_main{width:1170px; margin:0 auto; overflow:auto;}
.link_main ul li{ text-align:center; float:left; padding-bottom:10px; padding-top:10px; color:#3f3f3f; font-size:12px;}
.link_main ul li a{color:#3f3f3f;}
.link_main ul li a:hover{ color:#052c63; text-decoration:underline;}
.footer{width:100%; background:#0f3f81; overflow:auto; color:#fff;}
.footer_main .left{ width:21%; float:left;}
.footer_main .left p{ font-size:12px; line-height:20px; color:#ccc;}
.footer_main .left p.tel{font-size:20px; line-height:30px; color:#fff;}
.footer_main .left p.service{ line-height:40px; margin-top:15px;}
.footer_main .left p.service span{ padding:10px 25px; background:#052c63;}
.footer_main .left p.service a{ color:#fff;}
.footer_main .center{ width:54%; float:left;}
.footer_main .center ul{ width:22%; float:left; margin:0px 1.5%;}
.footer_main .center ul li a,.footer_main .right ul li a{ font-size:12px; color:#ccc; line-height:20px;}
.footer_main .center ul li.first,.footer_main .right ul li.first{ font-size:16px; line-height:20px; margin-bottom:20px;}
.footer_main .right{ width:25%; float:left;}
.footer_main .right ul{ width:100%;}
.footer_bottom{width:100%; background:#0d3873; overflow:auto;}
.bottom{width:1170px; margin:0 auto; overflow:auto; padding-top:15px; padding-bottom:15px;}
.bottom p{ color:#fff; font-size:12px; line-height:20px;}
.bottom p span{ margin-left:10px;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*product*/
.product1 h3.ps{ font-size:20px; color:#2a2a2a; text-align:left; margin:25px 0px 15px 0px; font-weight:400;}
.product1 h3.ps span{ font-size:20px; color:#0f3f81; margin-right:10px; font-weight:700;}
.product1 h3.ps span.pd{font-size:16px; color:#2a2a2a; margin-left:10px;font-weight:400;}
.pro-detail,.news-detail{ width:100%; margin:20px 0px; overflow:auto; background:#fff;}
.pro-detail h1{ font-size:24px; color:#bd1d21; margin-top:40px; margin-bottom:20px;}
.pro-detail .detail_img,.news-detail .detail_img{ width:65%; margin:0 auto; margin-bottom:40px;}
.pro-detail .detail_img img,.news-detail .detail_img img{ width:50%;}
.inquiry{ width:96%; margin:0px 2%; overflow:auto; padding:25px 0px 15px 0px; text-align:center; background:#eaedf2;}
.inquiry p.inq{ line-height:30px;}
.inquiry p.inq span{ margin:0px 5px; padding:8px 40px; background:#0f3f81;}
.inquiry p.inq span a{ color:#fff;}
.inquiry p.ph{ line-height:20px; color:#bd1d21; margin-top:20px;}
.pro-detail .infor{width:96%; margin:0px 2% 30px 2%; overflow:auto; text-align:left;}
.pro-detail .infor p,.contact-ly p.info{line-height:25px; margin:10px 0px; color:#2a2a2a;}
.pro-detail .infor p.info,.news-detail .news2 p.new2{ margin:20px 0px;}
.pro-detail .parameter{ margin:20px 0px;}
.pro-detail .parameter img{ width:100%;}
.pro-detail .infor p.ly{ font-size:18px; color:#0f3f81; margin:15px 0px -10px 0px; font-weight:700;}
.table{width:100%; margin:15px auto;border-collapse:collapse; border:1px solid #ddd; font-size:12px;}
.table th{text-align:center; padding:5px; border:1px solid #ddd; }
.table td{text-align:center; padding:3px;border:1px solid #ddd;}
/*liuyan*/
.message1 {width:98%; background-color:#efefef; border:1px solid #ddd; padding-top:15px; padding-bottom:10px; text-align:center; margin:0 auto; height:100%; margin-top:15px; overflow:hidden;}
.product_phone1{ display:none;}
form {margin:0 0 18px;}
.message1 table {border:0px; color:#4c4d4e; width:94%; margin:0 auto;}
input,textarea, .uneditable-input{margin-left:0;}
label, input, button, select, textarea{font-size:13px; font-weight:normal; line-height:18px;}
textarea,.message1 input{background-color:#ffffff; border: 1px solid #cccccc; border-radius:3px;}
.message1 table td.td1{ width:20%;}
.message1 table td.td2{width:25%;}
.message1 table td.td3{width:55%;}
textarea{width:100%; height:120px; color:#4c4d4e;}
input{ width:90%;}
input.msg_btn{background-color:#00559d; color:#fff; width:100px; height:30px; cursor:pointer; border:0px; border-bottom:2px solid #06345b; border-right:2px solid #06345b;}
.contact-ly{ width:100%; margin:0px; padding:20px 2%; background:#fff; overflow:auto; text-align:left; color:#5b5b5b;}
.contact-ly p.ly{ font-size:18px; color:#0f3f81; font-weight:700; margin-bottom:10px;}
/*zuo ce xin wen*/
.left-1{ background:#eaedf2; overflow:auto;}
.left-1 .left2{ margin:20px 0px 10px; overflow:auto; background:#fff; line-height:25px;}
span.pd-more{float:right; padding:0px 15px; background:#eaedf2; border-radius:4px; margin-right:5%; margin-top:20px;}
span.pd-nw{ display:inline-block; font-size:20px; color:#0f3f81; float:left; margin-left:5%; margin-bottom:10px; margin-top:20px; font-weight:700;}
.clear{ clear:both;}
.left-1 .left2 ul{ padding-top:10px; border-top:2px solid #eaedf2; margin-top:10px; padding:10px 5% 20px;}
.left-1 .left2 ul li{ line-height:25px;text-align: left;}
.left-1 .left2 ul li a{ color:#575757;}
.left-1 .left2 ul li a:hover{ color:#2f5890; text-decoration:underline;}
span.pd-more a{ color:#2a2a2a;}
span.pd-more a:hover{ color:#2f5890;}
/*xiang guan chan pin*/
.infor ul.product-re,ul.news-rel{ overflow:auto; margin-top:20px;}
.infor ul.product-re li,ul.news-rel li{ width:23%; margin:10px 1%; float:left; text-align:center; background:#fff;}
.infor ul.product-re li a h4,ul.news-rel li a h4{font-size:16px; color:#575757; font-weight:400; min-height:42px;}
.infor ul.product-re li a:hover,ul.news-rel li a:hover{ color:#0f3f81;}
.infor ul.product-re li a img,ul.news-rel li a img{ width:100%; height:120px;}
.xiangguan{ margin-top:60px !important;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*pro-list*/
.pro-list{ width:100%; text-align:left; overflow:auto;}
ul.pro-list{ width:100%; overflow:auto;}
ul.pro-list li{ width:30.3%; float:left; margin:10px 1.5%; text-align:center; background:#fff;}
ul.pro-list li img,ul.index-pro li img{height:167px;}
ul.pro-list li h3 a{ display:inline-block; font-size:14px; font-weight:400; color:#2f2f2f; padding:10px 0px;}
ul.pro-list li h3 a:hover,ul.rec li a:hover{ color:#0f3f81 !important; text-decoration:underline;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*about*/
.about1,.about2{ width:100%; margin:10px 0px; padding:20px 2%; background:#fff; overflow:auto; text-align:left; color:#5b5b5b;}
.about1 h1{font-size: 18px; color: #0f3f81; font-weight: 700; margin-bottom:20px; margin-top:10px; text-align:center;}
.about-instr img{ width:30%; margin-right:3%; padding:1%; border:1px solid #ccc; float:left;}
.about-instr p{line-height:25px;}
.about-instr p.instr{ margin-bottom:20px;}
span.about21{font-size:16px; font-weight:700;}
.about2 p{ margin:10px 0px 20px; line-height:20px;}
.about2 p.about22{ margin-bottom:0px;}
ul.honor li{ line-height:25px;}
ul.rec li{ width:25%; float:left; line-height:25px;}
ul.rec li a{ color:#5b5b5b;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*process*/
.process{ width:100%; overflow:auto; margin-top:20px;}
.process-list{ width:100%; padding:15px 2%; background:#fff; overflow:auto; text-align:left; color:#2d2d2d;border: 0.5px solid #d4cece; border-bottom: 2px solid #d4cece; border-right: 4px solid #d4cece;}
.plist1{ width:40%; margin-right:3%; float:left;}
.plist1 img{ width:100%; height:220px;}
.plist2{ width:57%; float:left;}
.plist2 p{ line-height:25px;}
span.pce a{display:inline-block; font-size:18px; color:#2d2d2d; font-weight:600; margin-bottom:10px;}
span.pce a:hover,span.pce1 a:hover,.slide h3 a:hover{ color:#0f3f81;}
span.pce1 a{ display:inline-block; font-size:12px; color:#fff; font-weight:400; background:#858585; padding:5px 20px; margin-top:10px;}
span.page a{ display:inline-block; padding:10px; margin-right:5px; }
span.page1 a{ display:inline-block; padding:10px; margin-right:0px;}
ul.page{ width:100%; overflow:auto; margin-top:20px;}
ul.page li{margin-right:8px; float:left; background:#fff; width:40px; height:40px; text-align:center; line-height:40px; vertical-align:center;}
ul.page li a{ display:block; width:40px; height:40px; color:#2d2d2d;}
ul.page li a:hover{color:#fff;}
ul.page li.active a{ background:#1073ca; color:#fff;}
ul.page li.slh{ background:#eaedf2; width:15px;}
ul.page li.slh:hover{ background:none;}
ul.page li:hover{ background:#1073ca;}
ul.page li.more a{ font-weight:bold;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*news list*/
.n-slider1{ display:block;}
.n-slider2{ display:none;}
li.slide{ background:#fff;}
li.slide h3{ padding-bottom:8px; padding-top:5px;}
li.slide h3 a{ font-size:14px; color:#252525; font-weight:400;}
.news-list{ width:100%; overflow:auto; margin-top:20px; background:#fff; padding:15px 2%;}
ul.nl{ width:100%; text-align:left;}
ul.nl li{ padding:10px 0px; border-bottom:1px dashed #ddd;}
ul.nl li img{ width:auto !important;}
ul.nl li span.nd{ float:right;}
ul.nl li a{ display:inline-block; line-height:25px; width:100%;}
ul.nl li a:hover{ color:#0f3f81 !important; text-decoration:underline;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*news*/
.news-detail{color:#575757; overflow:auto;}
.news-detail h1{ font-size:20px; margin-top:40px; margin-bottom:15px;}
.news-detail p.new1{ margin-bottom:10px; font-size:12px;}
.news-detail p.new1 span.news1{ margin-right:10px;}
.news-detail .news2{width:96%; margin:10px 2% 30px 2%; overflow:auto; text-align:left;}
.news-detail .news2 p{ line-height:23px; margin:15px 0px;}
.newscontent_page{ width:100%; height:auto; text-align:left; margin:0 auto; font-size:1em; color:#333333; margin-top:20px; margin-bottom:10px;}
.newscontent_pagel{ float:left; width:40%;word-wrap:break-word; display:block;}
.newscontent_pager{ float:right; width:40%;word-wrap:break-word; display:block;}
.newscontent_page a{ color:#0f3f81;}
.newscontent_page a:hover{ text-decoration:underline;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*contact us*/
.contact{ width:100%; margin:10px 0px 0px; padding:20px 2%; background:#fff; overflow:auto; text-align:left; color:#5b5b5b;}
.c-left{ width:70%; margin-right:3%; float:left; background:#fff; margin-top:0px; color:#0f3f81;}
.c-right{ width:50%; float:left;}
.c-right img{ width:100%;}
.c-left span.contact1{ display:inline-block; font-size:18px; font-weight:700; line-height:20px; margin-bottom:15px;}
ul.contact2 li{ line-height:25px;}
.contact-ly{ width:100%; margin:0px; padding:20px 2%; background:#fff; overflow:auto; text-align:left; color:#5b5b5b;}
.contact-ly p.ly{ font-size:18px; color:#0f3f81; font-weight:700; margin-bottom:10px;}
@media (max-width: 1200px) {
.hotsale,.content1-pro,.content2-process,.content3-news,.bottom,.link_main,.footer_main,.caidan1,.cd-nav{ width:94%;}
.animenu li, .animenu a {font-size:13px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.hotsale .left{ width:100%; float:none;}
.hotsale .search,.link_main ul li:nth-last-child(1),.link_main ul li:nth-last-child(2),.product-p,.left-1{ display:none;}
.content1-pro .right{ width:100%; float:none;}
.content1-pro .left{ width:100%; margin-right:0px; float:none;}
.content1-pro .left .left1 ul li{ width:23%; float:left; line-height:25px;}
.content3-news .left{ width:100%; float:none;}
.content3-news .left .left1{ width:35%; margin-right:3%;}
.content3-news .left .left2{ width:62%;}
.content3-news .right{ width:100%; margin-left:0px; float:none; margin-top:30px;}
.content3-news .right ul li{ width:47%; margin:0px 1.5%; float:left;}
.link_main ul li{ width:12.5%;}
.content1-product{ margin:5px auto 40px;}
/*nav*/
ul.animenu__nav li{ padding:0px 2%; border-right:none;}
.animenu__nav > li > a:first-child:nth-last-child(2):before {right:3.8% !important;}
.caidan1 .email{ display:none;}
.caidan1 .tel{ width:50%;}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
.hotsale .left{ width:100%; float:none;}
.hotsale .search,.content2-process .right,.link,.footer,.product-p,.left-1{ display:none;}
.content1-pro .right{ width:100%; float:none;}
.content1-pro .left{ width:100%; margin-right:0px; float:none;}
.content1-pro .left .left1 ul li{ width:auto; padding:0 5px;}
.content2-process .process1{ width:47.5%;}
.content2-process .center{ margin:0px 0px 0px 5%;}
.content3-news .left{ width:100%; float:none;}
.content3-news .left .left1{ width:60%; margin-right:0px; float:none; margin:0 auto;}
.content3-news .left .left2{ width:100%; float:none;}
.content3-news .right{ width:100%; margin-left:0px; float:none; margin-top:30px;}
.content3-news .right ul li{ width:100%; margin:0px; float:none;}
.content1-product{ margin:5px auto 40px;}
.content1-pro .right ul li h4{ min-height:42px;}
.infor ul.product-re li,ul.news-rel li{ width:31.3%;}
/*pro-list*/
ul.pro-list li{ width:46%;margin:10px 2%;}
/*about*/
.about-instr img{ width:40%;}
ul.rec li{ width:33.3%;}
/*process*/
.plist1{ width:60%; margin:0 auto; float:none;}
.plist2{ width:100%; float:none;}
/*news list*/
li.slide h3{ min-height:35px; padding-bottom:0px; line-height:16px;}
.news2 img{ width:80%; height:auto;}
/*contact us*/
.c-left{ width:100%; margin-right:0px; float:none;}
.c-right{ width:80%; float:none; margin:10px auto 0px;}
/*nav*/
.logo{ width:65%;}
.caidan1 .tel2{ display:block;}
.caidan1 .tel{ display:none;}
ul.animenu__nav li{ padding:0px 2%; border-right:none;}
ul.animenu__nav li{margin:0px !important;}
ul.animenu__nav__child{ display:none !important;}
.animenu__nav > li > a:first-child:nth-last-child(2):before { display:none;}
ul.animenu__nav li{background:#fff; text-align:center;}
ul.animenu__nav li{padding:0px;}
.caidan1 .email{ display:none;}
/*liuyan-new*/
.liuyan-new .tit,.liuyan-new .tit2{width:19%;}
/*ditu*/
#dituContent{width:100% !important;}
}
@media only screen and (max-width: 499px) {
.hotsale .left{ width:100%; float:none;}
.hotsale .search,.link,.footer,.product-p,.banner_product,.left-1,.message{ display:none;}
.product_phone{ display:block;}
.content1-pro .right{ width:100%; float:none;}
.content1-pro .right ul.index-pro li{ width:48%;}
.content1-pro .left{ width:100%; margin-right:0px; float:none;}
.content1-pro .left .left1 ul li{ width:auto; padding:0 5px;}
ul.pro-list li img,ul.index-pro li img{height:120px;}
.content2-process .process1{ width:100%; margin-top:30px;}
.content2-process .process1 p.details{margin-top:10px;}
.content2-process .center{ margin:0px;}
.content2-process .right{ display:block;}
.content3-news .left{ width:100%; float:none;}
.content3-news .left .left1{ width:80%; margin-right:0px; float:none; margin:0 auto;}
.content3-news .left .left2{ width:100%; float:none;}
.content3-news .right{ width:100%; margin-left:0px; float:none; margin-top:30px;}
.content3-news .right ul li{ width:100%; margin:0px; float:none;}
.product_phone{ display:block;}
.content1-product{ margin:5px auto 40px;}
.pro-detail .detail_img,.news-detail .detail_img{ width:96%;}
.inquiry p.inq span{padding:8px 15px; margin:0px 2.5px;}
.infor ul.product-re li,ul.news-rel li{ width:48%;}
.content1-pro .right ul li h4{ min-height:42px;}
/*pro-list*/
ul.pro-list li{ width:46%;margin:10px 2%;}
ul.pro-list li h3 a{min-height:60px; line-height:20px;}
/*about*/
.about-instr img{ width:80%; margin-right:0px; float:none; text-align:center;}
.about-instr p{ width:100%;}
ul.rec li{ width:50%;}
/*process*/
.plist1{ width:80%; margin:0 auto; float:none;}
.plist2{ width:100%; float:none;}
/*news list*/
.n-slider1{ display:none;}
.n-slider2{ display:block;}
li.slide h3{ min-height:35px; padding-bottom:0px; line-height:16px;}
.news2 img{ width:80%; height:auto;}
/*contact us*/
.c-left{ width:100%; margin-right:0px; float:none;}
.c-right{ width:90%; float:none; margin:10px auto 0px;}
/*nav*/
.animenu__toggle{ margin-top:15px;}
.hotsale{ margin-top:5px;}
.caidan1{margin-left:2%; position:absolute; z-index:-1; overflow:auto;}
.logo{ width:80%;}
.cd-nav{ z-index:999;}
.caidan1 .tel,.caidan1 .tel2{ display:none;}
ul.animenu__nav li{ padding:0px 2%; border-right:none;}
ul.animenu__nav li{margin:0px !important;}
ul.animenu__nav__child{ display:none !important;}
.animenu__nav > li > a:first-child:nth-last-child(2):before { display:none;}
ul.animenu__nav li{background:#fff; text-align:center;}
ul.animenu__nav li{padding:0px;}
.caidan1 .email{ display:none;}
/*liuyan-new*/
.liuyan-new .tit,.liuyan-new .tit2{width:30%;}
.liuyan-new .submit {margin-left:20%;}
/*ditu*/
#dituContent{width:100% !important;}
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.animenu__toggle {
display: none;
cursor: pointer;
background-color: #0186ba;
border: 0;
padding: 10px;
height: 40px;
width: 40px; margin-bottom: 10px;
}
.animenu__toggle:hover {
background-color: #eaedf2;
}
.animenu__toggle__bar {
display: block;
width: 20px;
height: 2px;
background-color: #fff;
-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}
.animenu__toggle__bar + .animenu__toggle__bar {
margin-top: 4px;
}
.animenu__toggle--active .animenu__toggle__bar {
margin: 0;
position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.animenu {
display: block;
}
.animenu ul {
padding: 0;
list-style: none;
background:#fff;
#width:200px;
}
.animenu li, .animenu a {display: inline-block; font-size: 14px;}
.animenu a {
color: #333;
}
.animenu__nav > li {
position: relative;
}
.animenu__nav > li > a {
}
.animenu__nav > li > a:first-child:nth-last-child(2):before {
content: "";
position: absolute;
border: 4px solid transparent;
border-bottom: 0;
border-top-color: currentColor;
top: 40%;
margin-top: -2px;
right: 10%;
}
.animenu__nav > li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
.animenu__nav > li:hover > a {
color: #0f3f81;
}
.animenu__nav__child {
min-width: 100%;
position: absolute;
top: 100%;
left: -40px;
z-index: 1;
opacity: 0;
visibility: hidden;
margin: 20px 0 0 0;
background-color: #373737;
-webkit-transition: margin .15s, opacity .15s;
transition: margin .15s, opacity .15s;
width:200px; padding-top:20px !important;
}
.animenu__nav__child > li {
width: 100%;
border-bottom: 1px solid #ccc; padding:5px !important; margin:0px !important; border-right:none !important;
}
.animenu__nav__child > li:first-child > a:after {
content: '';
position: absolute;
height: 0;
width: 0;
left: 6.5em;
top: 10px;
border: 6px solid transparent;
border-top: 0;
border-bottom-color: inherit;
}
.animenu__nav__child > li:last-child {
border: 0;
}
.animenu__nav__child a {
padding: 10px;
width: 100%;
border-color: #ccc;
}
.animenu__nav__child a:hover {
border-color: #ccc;
font-weight:700;
}
@media screen and (max-width: 767px) {
.animenu__toggle {
display: inline-block;
float:right;
}
.animenu__nav,
.animenu__nav__child {
display: none;
}
.animenu__nav {
margin: 10px 0;
}
.animenu__nav > li {
width: 100%;
border-right: 0;
border-bottom: 1px solid #eee;
}
.animenu__nav > li:last-child {
border: 0;
}
.animenu__nav > li:first-child > a:after {
content: '';
position: absolute;
height: 0;
width: 0;
right: 1em;
top: -6px;
border: 6px solid transparent;
border-top: 0;
border-bottom-color: inherit;
}
.animenu__nav > li > a {
width: 100%;
padding: 10px;
border-color: #111111;
position: relative;
}
.animenu__nav a:hover {
background-color: #0186ba;
border-color: #0186ba;
color: #fff !important;
}
.animenu__nav__child {
position: static;
background-color: #373737;
margin: 0;
-webkit-transition: none;
transition: none;
visibility: visible;
opacity: 1;
}
.animenu__nav__child > li:first-child > a:after {
content: none;
}
.animenu__nav__child a {
padding-left: 20px;
width: 100%;
}
}
.animenu__nav--open {
display: block !important;
}
.animenu__nav--open .animenu__nav__child {
display: block;
}
*, *:before, *:after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
}
main h1 {
padding: 50px 0;
font-weight: 400;
text-align: center;
}
main {width:100%;}
main section {
display: none;
padding: 20px 0 0;
}
main input {
display: none;
}
main label {
display: inline-block;
margin: 0 0 -1px;
padding: 8px 3%;
font-weight: 400;
text-align: center;
color: #494949; background:#fff; border-radius:5px; margin-bottom:5px; margin-top:5px;
}
main label:before {
font-family: fontawesome;
font-weight: normal;
margin-right: 10px;
}
main label:hover {color: #fff; background:#0f3f81;}
main input:checked + label {
color: #fff; background:#0f3f81; border-radius:5px;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6 {
display: block;
}